<template>
    <div class="app">

    <!-- <el-container>
        <el-header>
        <div class="nav">
     <router-link :to="{name:'Home1'}">home1</router-link> |
     <router-link :to="{name:'bmi'}">bmi</router-link> |
     <router-link :to="{name:'first'}">bmisss</router-link>  |
     <router-link :to="{name:'chacao'}">chacao</router-link> |
     <router-link :to="{name:'admin'}">Admin</router-link>
      </div>
        </el-header>
        <el-main><router-view></router-view></el-main>
     </el-container> -->
     

     <router-view></router-view>

     
    </div>
</template>

<script>
export default {
    name: 'Vue干货集中营',

   

    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style  scoped>

@import "~normalize.css";


.el-header {
    background-color: #B3C0D1;
    color: #333;
    text-align: center;
    line-height: 60px;
  }
  .el-main {
    background-color: #E9EEF3;
    min-height: calc(100vh - 60px);
  }
  .nav a.router-link-exact-active{
    color:deeppink;
    font-size: 20px ;
    font-weight: bold;
    
  }
</style>